@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);

section {
background: #fff;
position: relative;
height: 240px;
width: 400px;
padding: 30px;
        border-radius: 3px;
        box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2)
}

/*
section:after {
content:'x';
position: absolute;
width: 30px;
       font-size: 20px;
height: 30px;
        border-radius: 3px;
background: #FA8072;
color: #fff;
top: 5px;
right: 5px;
       box-shadow: inset 0px 0px 7.5px 0px rgba(0,0,0,0.2);
       text-align: center;
        }
*/

.clearfix {
clear: both;
padding: 5px 0px;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
appearance: none; 
border: none;
outline: none;
background: none;
            min-width: 60px;
float: right;
       /* border-bottom:
        * 2px
        * solid;
        * */
padding: 10px;
margin: 5px;
        border-bottom: 0px transparent solid;
color: #666;
       font-family: 'Open Sans','Helvetica Neue',sans-serif;
       font-weight: 700;
       font-size: 14px;
transition: all 0.2s;
}

input[type=text] {
  border-radius: 0;
position: relative;
overflow: hidden;
margin: 5px 5px;
width: calc(100% - 10px);
padding: 5px 0px;
         border-bottom: 2px solid;
}

input[type=button] {
  text-align: center;
cursor: pointer;
        text-transform: uppercase;
}

input.flat[type=button]:hover {
  border-bottom: 5px solid;
}

input.flat[type=button]:active {
  border-bottom: 5px solid;
background: rgba(0,0,0,0.1);
}

input.raised {
background: #148DFB;
            border-radius: 2px;
color: #fff;
       box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.3);
}

input.raised:hover {
  box-shadow: 0px 4px 30px 0px rgba(0,0,0,0.3);
}

input.raised:active {
  box-shadow: 0px 6px 40px 0px rgba(0,0,0,0.4);
}


